/*

This CSS file will be included with your plugin, and
available in the app when your plugin is enabled.

If your plugin does not need CSS, delete this file.

*/

.ob-table-enhancer > thead > tr > th,
.ob-table-enhancer > tbody > tr > td {
	height: 2em !important;
	transition: background-color 50ms ease-out;
}

.ob-table-enhancer-row-bar {
	display: flex;
	position: absolute;
	width: fit-content;
	transition: opacity 200ms ease-in-out;
}

.ob-table-enhancer-col-bar {
	display: flex;
	position: absolute;
	height: fit-content;
	padding-bottom: 3px;
	transition: opacity 200ms ease-in-out;
}

.ob-table-enhancer-row-bar-button {
	display: flex;
	width: fit-content;
	height: fit-content;
	padding: 0 2px;
	margin: 0;
	filter: brightness(0.5);
	transition: all 200ms ease-in-out;
}

.ob-table-enhancer-row-bar-button:hover, .ob-table-enhancer-col-bar-button:hover {
	filter: brightness(1);
}

.ob-table-enhancer-col-bar-button {
	display: flex;
	width: fit-content;
	height: fit-content;
	padding: 5px 2px 0 0;
	margin: 0;
	filter: brightness(0.5);
	transition: all 200ms ease-in-out;
}

.is-editing {
	filter: brightness(1.5);
}
.theme-dark .is-editing {
	background-color: rgba(255, 255, 255, 0.1) !important;
}

.theme-light .is-editing {
	background-color: rgba(0, 0, 0, 0.1) !important;
}
